import React, { useState, useEffect } from 'react';
import Hello from '../components/Hello'
import Effect from '../components/Effect'

export default function About(){
    const [visible, setVisible] = useState(false);

    return(
        <div>
            About page
            <Hello message='Hello world!'></Hello>
            <Effect/>

            
            <div style={{display: visible?'block':'none'}}>
                show me
            </div>
            <button onClick={()=>setVisible(!visible)}>显示/隐藏</button>
        </div>
    )
}